<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        /* 未访问链接 */
        a:link {
            background-color: #B2FF99;
        }

        /* 已访问链接 */
        a:visited {
            background-color: #FFFF85;
        }

        /* 鼠标移动到链接上 */
        a:hover {
            background-color: #FF704D;
        }

        /* 鼠标点击时 */
        a:active {
            background-color: #FF704D;
        }
    </style>
</head>

<body>
    <p><b><a href="/css/" target="_blank">这是一个链接</a></b></p>
    <p><b>注意:</b> hover必须在:link和 a:visited之后定义才有效.</p>
    <p><b>注意:</b>active必须在hover之后定义是有效的.</p>
</body>

</html>